.section3 {
       width: 100%;
       height: 100%;
       position: relative;
       overflow: hidden;
       background: #EDF2F8;
       padding-top: 100px;
   }

   .Box3 {
       padding: 0 var(--w1600);
       width: 100%;
       height: 100%;
       z-index: 2;
       position: relative;
       display: flex;
       flex-wrap: wrap;
       align-content: center;
   }

   .Top3 {
       width: 100%;
       display: flex;
       justify-content: space-between;
       align-items: center;
       position: relative;
       z-index: 2;
   }

   .Top3 .title {
       font-weight: bold;
       font-size: 58px;
       color: var(--color);
   }

   .Top3 .right {
       display: flex;
       align-items: center;
       grid-gap: 30px;
   }

   .ListBox {
       position: relative;

   }

   .ListBox label {
       width: 380px;
       height: 70px;
       padding: 0px 30px;
       background: #FFFFFF;
       border-radius: 2px;
       border-bottom: 2px solid var(--color);
       display: flex;
       align-items: center;
       justify-content: space-between;
       font-size: 18px;
       color: #474747;
   }

   .ListBox ul {
       display: none;
       padding: 0;
       margin: 0;
       background: #FFFFFF;
       position: absolute;
       width: 100%;
       top: 100%;
       border: 1px solid #ccc;
   }

   .ListBox ul li {
       padding: 10px 30px;
       font-size: 18px;
       color: #474747
   }

   .dianji {
       width: 180px;
       height: 70px;
       background: var(--color);
       border-radius: 50px;
       font-size: 16px;
       color: #FFFFFF;
       display: flex;
       align-items: center;
       justify-content: center;
   }


   .item3Box {
       margin-top: 60px;
       width: 100%;
   }

   .item3Box .item3 {
       position: relative;
       width: 100%;
       display: none;
   }

   .item3Box .item3.on {
       display: block;
   }

   .Swiper3 {
       height: 28vw;
       width: 100%;
   }

   .Slide3 {
       position: relative;
       height: calc((100% - 25px) / 2) !important;
       background: #FFFFFF;
       padding: 30px;
       border-left: 2px solid #fff;
   }

   .Slide3:hover {
       border-left: 2px solid var(--color);
   }

   .Slide3 h1 {
       font-weight: 500;
       font-size: 28px;
       color: var(--color);
   }

   .Slide3 .desc {
       margin-top: 25px;
       display: flex;
       flex-wrap: wrap;
       grid-gap: 15px;
   }

   .Slide3 p {
       font-weight: 500;
       font-size: 16px;
       color: #484848;
       width: 100%;
       position: relative;
       padding-left: 100px;
   }

   .Slide3 p b {
       font-weight: 500;
       font-size: 16px;
       color: #484848;
       position: absolute;
       left: 0;
       top: 0;
   }

   @media (max-width: 1600px) {
       .item3Box {
           margin-top: 30px;
       }

       .Slide3 {
           padding: 20px;
       }

       .Slide3 h1 {
           font-size: 24px;
       }

       .Slide3 .desc {
           margin-top: 15px;
           grid-gap: 10px;
       }

       .Swiper3 {
           height: 400px;
       }
   }

   @media (max-width: 1440px) {
       .Top3 .title {
           font-size: 40px;
           line-height: 1;
       }

       .ListBox label {
           height: 60px;
       }

       .dianji {
           height: 60px;
       }
   }

   @media (max-width: 1200px) {
       .section3 {
           padding: 90px 0;
       }

       .Swiper3 {
           height: 500px;
       }

       .Slide3 p {
           padding-left: 90px;
       }

       .Slide3 p {
           font-size: 14px;
           padding-left: 75px;
       }

       .Slide3 p b {
           font-size: 14px;
       }

       .Slide3 {
           padding: 15px;
       }

       .Top3 .title {
           font-size: 32px;
       }

       .ListBox label {
           width: 260px;
           height: 45px;
       }

       .dianji {
           width: 160px;
           height: 45px;
       }
   }

   @media (max-width: 720px) {
       .section3 {
           padding: 60px 0;
       }

       .Top3 {
           display: flex;
           flex-wrap: wrap;
       }

       .Top3 .title {
           width: 100%;
           margin-bottom: 30px;
       }

       .Top3 .right {
           width: 100%;
           grid-gap: 15px;
       }

       .ListBox {
           width: calc(100% - 150px);
       }

       .ListBox label {
           width: 100%;
           height: 45px;
           padding: 0px 15px;
       }

       .dianji {
           width: 120px;
           height: 45px;
       }
   }

   @media (max-width: 460px) {
       .Swiper3 {
           height: 420px;
       }
   }

   @media (max-width: 380px) {}